<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>在平安</title>
<meta name="description" content="中国平安" />
<meta name="keywords" content="中国平安" />
<meta content="width=640, target-densitydpi=320, user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" href="../css/base.css">
<link rel="stylesheet" type="text/css" href="../css/public.css">
<script src="../js/common/zepto.min.js" type="text/javascript"></script>
<!-- <script src="../js/zepto-touch.js" type="text/javascript"></script> -->
<script type="text/javascript" src="../js/myfund/mszq.js"></script>
<script src="../js/public.js" type="text/javascript"></script>
<script src="../js/iscroll.js" type="text/javascript"></script>

<style>
#wrap{position: absolute;width: 100%;height: 100%;overflow:hidden;}
</style>
</head>

<body>
<div id="wrap">
	<div id="mainContent">
		<header class="top-bar">
			<div class="top-bar-cont">
				<span id="returnHome" class="btn-bar-css btn-bar-back btn-bar-left"><i></i></span>
				<h1>易赚钱</h1>
			</div>
		</header>
		<section id="content" style="position: relative;">
		<div>
	        <div class="money-info m-b18">
	            <ul class="money-info-list">
	                <li>
	                	<div style="display: none;">
	                		<input type="hidden" id="fundId"/>
	                	</div>
	                    <div class="list-item-cont">                        
	                        <p>总收益</p>
	                        <p id="totalIncome"><span class="fn-c-ccc">元</span></p>
	                    </div>
	                </li>
	                <li>
	                    <div class="list-item-cont">
	                        <p>最近7天年化收益率</p>
	                        <p id="preIncome"></p>
	                    </div>
	                </li>
	                <li>
	                    <div class="list-item-cont">
	                        <p>总资产</p>
	                        <p id="totalAsset"><span class="fn-c-ccc">元</span></p>
	                    </div>
	                </li>
	            </ul>
	        </div>
	        
	        <div class="tabs-module">
	            <ul class="tabs-title-list" id="J-TabsTitle">
	                <li id="_tabBuyBtn" class="curr"><div>购买</div></li>
	                <li id="_tabSaleBtn"><div>赎回</div></li>
	            </ul>
	            <div class="tabs-content" id="J-TabsContent">
	                <div class="tabs-content-list">
	                    <div class="row-info row-info-readonly m-b18">
	                        <ul class="row-info-list list-name-w178">
	                            <li>
	                                <div class="info-list-name">基金：</div>
	                                <div id="fundName" class="info-list-cont"></div>
	                            </li>
	                            <li class="icon-sprite next-icon">
	                                <div class="info-list-name">银行卡：</div>
	                                <div id="bankInfo" class="info-list-cont">请选择银行卡</div>
	                            </li>
	                            <li>
	                                <div class="info-list-name">金额：</div>
	                                <div class="info-list-cont"><input id="buySumInput" type="text" class="ipt ipt-w220" placeholder="0">元</div>
	                            </li>
	                            <li>
	                                <div class="info-list-name">交易密码：</div>
	                                <div class="info-list-cont"><input id="buyPass" maxlength="8" type="password" class="ipt" placeholder="请输入交易密码"></div>
	                            </li>
	                        </ul>
	                    </div>
	                    <div class="explan-txt">购买为通过平安大华直销购买平安大华日增利货币基金</div>
	                    <div class="content-btn content-btn-rds38">
	                        <div id="getFund" class="btn-css btn-bg-fa4043">购买</div>
	                    </div>
	                </div>
	                <div class="tabs-content-list" style="display:none;">
	                    <div class="row-info row-info-readonly m-b18">
	                        <ul class="row-info-list list-name-w178">
	                            <li>
	                                <div class="info-list-name">基金：</div>
	                                <div id="fundNameSale" class="info-list-cont"></div>
	                            </li>
	                            <li class="icon-sprite next-icon">
	                                <div class="info-list-name">银行卡：</div>
	                                <div id="bankInfoSale" class="info-list-cont">请选择银行卡</div>
	                            </li>                            
	                            <li>
	                                <div class="info-list-name">可赎回：</div>
	                                <div class="info-list-cont"><span id="saleLot" class="ipt-w220 inline-block"></span> 元</div>
	                            </li>
	                            <li>
	                                <div class="info-list-name">金额：</div>
	                                <div class="info-list-cont"><input id="saleLotInput" type="text" class="ipt ipt-w220" placeholder="0"> 元</div>
	                            </li>
	                            <li>
	                                <div class="info-list-name">交易密码：</div>
	                                <div class="info-list-cont"><input id="salePass" maxlength="8" type="password" class="ipt" placeholder="请输入交易密码"></div>
	                            </li>
	                        </ul>
	                    </div>
	                    <div class="explan-txt">赎回为通过平安大华基金直销渠道实时赎回平安大华日增利货币基金，投资者提交赎回代表投资者已同意<a id="contractBtn" href="/mobile/myfund/repealContract.html">《平安大华日增利货币基金实时赎回协议》</a></div>
	                    <div class="content-btn content-btn-rds38">
	                        <div id="saleFund" class="btn-css btn-bg-fa4043">赎回</div>
	                    </div>
	                </div>                
	            </div>
	        </div>
	    </div>
	    </section>
	</div>
	<div id="chooseChque" style="display: none;">
		<header class="top-bar">
			<div class="top-bar-cont">
				<span id="returnFund" class="btn-bar-css btn-bar-back btn-bar-left"><i></i></span>
				<h1>选择银行卡</h1>
			</div>
		</header>
		<section id="content2" style="position: relative;">
	        <div class="select-bank">
	            <div class="row-info-shadow">
	                <ul id="bankList" class="info-shadow-list">
	                	
	                </ul>
	            </div>
	        </div>
	    </section>
	</div>
</div>


<div class="g-mask" id="successPrompt">
    <div class="g-mask-bg"></div>
    <div class="g-mask-layout">
        <article class="g-mask-content">
            <section style="display:-webkit-box; min-height:156px;line-height:48px;padding:28px;font-size:34px;color:#666;-webkit-box-orient: vertical;-webkit-box-pack: center;">
                <p id="messageBox"></p>
                <p id="messageBox1"></p>
                <p id="messageBox2"></p>
                <p id="messageBox3"></p>
                <p id="messageBox4"></p>
            </section>
            <footer class="g-mask-cont-btn">
                <div class="btn-css fn-c-999" id="successPromptCloseBtn">关闭</div>
            </footer>
        </article>
    </div>
</div>

<div class="g-mask" id="errorPrompt">
    <div class="g-mask-bg"></div>
    <div class="g-mask-layout">
        <article class="g-mask-content">
            <section class="g-mask-cont">
                <p id="errorMessageBox"></p>
            </section>
            <!-- 
            <footer class="g-mask-cont-btn">
                <div class="btn-css fn-c-999" id="errorPromptCloseBtn">关闭</div>
            </footer>
             -->
        </article>
    </div>
</div>
 
<script>
var tabsTitle = $("#J-TabsTitle").find("li"),
    tabsContent = $("#J-TabsContent").find(".tabs-content-list");
tabsTitle.on("tap", function(){
    var index = tabsTitle.index(this);
    $(this).addClass("curr").siblings().removeClass("curr");
    $(this).focus();
    tabsContent.hide().eq(index).show();
    setTimeout(function(){
	    mainIscroll();
	    mainScroll.refresh();
    },200);
});
</script>

<div style="display: none;">
	<input type="hidden" id="tradeaccBuy"/>
	<input type="hidden" id="tradeaccSale"/>
	<input type="hidden" id="sessionKey"/>
	<input type="hidden" id="_bankFlagForSale"/>
	<input type="hidden" id="_bankFlagForBuy"/>
	
</div>

</body>
</html>
